<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>51富贵 - 唤醒更富有的你</title>
	<link rel="stylesheet" href="css/start.css" />
	<link rel="stylesheet" href="start/block_2.css" />
	<link rel="stylesheet" href="start/ico_list.css" />
	<link rel="stylesheet" href="start/swiper.css" />
	<link rel="stylesheet" href="start/magazine.css">
	<script src="start/move.js"></script>
	<script src="start/block_2.js"></script>
	<script src="start/ico_list.js"></script>
	<script src="start/swiper.js"></script>
	<script src="start/dowhich.js"></script>
</head>

<body>
<div class=""></div>
	<div id="header-wrap" data-mn=0 data-h=0 data-lv="start"></div>
	<div class="start-bottom">
		<div id="unlogined">
			<a href="###" data-link="login" class="btn b-inline b-blue">登录</a>
			<a href="###" data-link="register" class="btn b-inline b-red">注册赢本金</a>
		</div>
		<div id="logined">
			<a href="###" data-link="home" class="btn b-inline b-red">少废话，让我进去</a>
		</div>
	</div>
	
	<section id="page_wrap" class="page_wrap">
	
		<div class="page_item" id='page_1'>
			<div class="bg" style="background-image: url('img/start/1_01.jpg')"></div>
			<div class='inner'>
				<div class="fd_wrap block_2">
					<div class="fd_item">
						<div class="fdi_img" data-gbc=""></div>
					</div>
					<div class="fd_item">
						<div class="fdi_custom">
						<div style="background-color: #000;opacity: 0.8;padding: 20px;margin: 10px;color: #fff;text-align: left;font-size: 18px;">
							<div class="logo_1" style="position: absolute;top: -44px;width: 64px;;height:64px;background-color: #fff;border-radius: 10px;border:2px solid #fff;overflow:hidden">
								<img src="img/logo.jpg" style="display: block;width: 100%;height:100%;" />
							</div>
							<span style="position: absolute;top: -20px;left:108px;color: #fff;font-weight: bold;font-size:20px">唤醒更富有的你</span>
							欢迎体验-51富贵手机版DEMO<br />
							当前版本 0.0.1，基于 FUi 框架<br />
							当前版本不连接数据库，所有的demo数据均使用cookie存储<br />
							请不要再使用过程中禁用浏览器的cookie功能
						</div>
						</div>
					</div> 
				</div>
				<script>
					var page_1 = function(){
						$("#page_1").find(".inner").block_2({ type: 4})
						$("#page_1").find(".inner").move({
							dirc: "h-alt",
							bgc: "#ddd"
						});
					}
					var page_1_stop = function(){
						$("#page_1").find(".inner").move({stop:true})
					}
				</script>
			</div>
		</div>
		<div class="page_item" id='page_2'>
			<div class="bg" style="background-image: url('img/start/1_02.jpg')"></div>
			<div class='inner'>
				<!-- 用户维护的页面数据，从这里开始 -->
				<div class="fd_wrap ico_list">
					<h1 class="fd_item">51富贵是什么？</h1>
					<div class="fd_item il_item">
						<div class="ico_img"><img src="img/start/why-us-1.png"></div>
						<span>稳定高收益</span>
					</div>
					<div class="fd_item il_item">
						<div class="ico_img"><img src="img/start/why-us-2.png"></div>
						<span>投资零风险</span>
					</div>
					<div class="fd_item il_item">
						<div class="ico_img"><img src="img/start/why-us-3.png"></div>
						<span>随时可赎回</span>
					</div>
				</div>
			<script>
				var page_2 =function(){
					$("#page_2").find(".inner").ico_list({
						border_color: "#fff",
						bg_color: "#e73335",
						title_color: "#fff",
						text_color: "#fff",
						col:3,
						text_size: 10,
						ico_w: 80,
						v_align: "middle"
					})
					$("#page_2").find(".inner").move({
						bgc: "#f0e8ef",
						dirc: "v-alt"
					});
				}
				var page_2_stop = function(){
					$("#page_2").find(".inner").move({stop:true})
				}
			</script>
			</div>
		</div>
		<div class="page_item" id='page_3'>
			<div class="bg" style="background-image: url('img/start/1_03.jpg')"></div>
			<div class='inner'>
				<!-- 用户维护的页面数据，从这里开始 -->
				<div class="fd_wrap block_2">
					<div class="fd_item"></div>
					<div class="fd_item">
						<div class="fdi_custom" data-bgc="" data-tc="#fff" data-ts="16">
							<img src="img/start/ico-1.png" />
							<span>400-105-8851</span>
						</div>
					</div>
					<div class="fd_item">
						<div class="fdi_custom" data-bgc="" data-tc="#fff" data-ts="16">
							<img src="img/start/ico-2.png" />
							<span>wuyifugui</span>
						</div>
					</div>
					<div class="fd_item">
						<div class="fdi_custom" data-bgc="" data-tc="#fff" data-ts="16">
							<img src="img/start/ico-3.png" />
							<span>support@51fugui.com</span>
						</div>
					</div>
					<div class="fd_item"></div>
					<style>
						#page_3 .fdi_custom img{
							position: absolute;
							top: 5%;
							left: 20px;
							display: block;
							width: 64px;
							height: 64px;
						}
						#page_3 .fdi_custom span {
							position: absolute;
							top: 5%;
							left: 88px;
							height: 64px;
							line-height: 64px;
							color: #fff;
							font-size: 20px;
						}
					</style>
				</div>
				<script>
					var page_3 =function(){
						$("#page_3").find(".inner").block_2({type:11})
						$("#page_3").find(".inner").move({
							bgc: "#f0e8ef",
							dirc: "v-alt"
						});
					}
					var page_3_stop = function(){
						$("#page_3").find(".inner").move({stop:true})
					}
				</script>
			</div>
		</div>
	</section>
	<script>
		$(function(){
			if($.cookie("login") == 1){//已登录
				$("#logined").show();
				$("#unlogined").hide();
			}else{
				$("#logined").hide();
				$("#unlogined").show();
			}
			
			do_which()//解析动画序列
			$(".page_wrap").swiper({
			loop: false,
			vertical: false,
			end_change: "_animate(active_i+1)"
			});
			do_first()//解析首个动画
		})
		$(window).load(function(){
		
		})
	</script>
	
</body>

</html>
